i[class*="icon"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-out;
  display: inline-block;
}

i[class*="icon"]:hover {
  transition: all 0.3s ease-out;
}

i[class*="icon"].icon-xxs {
  width: 12px;
  height: 12px;
}

i[class*="icon"].icon-xs {
  width: 16px;
  height: 16px;
}

i[class*="icon"].icon-s {
  width: 24px;
  height: 24px;
}

i[class*="icon"].icon-m {
  min-width: 28px;
  height: 28px;
}

i[class*="icon"].icon-xl {
  min-width: 44px;
  height: 44px;
}

i[class*="icon"].box.circle {
  border-radius: 50px;
  padding: 5px;
  gap: 10px;
  opacity: 0.4;
  background: var(--color-grey-500);
  display: flex;
  justify-content: center;
  align-items: center;
}

i[class*="icon"].box.circle:hover {
  border-radius: 50px;
  padding: 5px;
  gap: 10px;
  background: var(--color-grey-500);
}

i[class*="icon"].color-orange-700 {
  filter: brightness(0) saturate(100%) invert(58%) sepia(48%) saturate(5766%) hue-rotate(2deg) brightness(105%) contrast(101%);
}

i[class*="icon"].box.rounded {
  border-radius: 2px;
  padding: 5px;
  gap: 10px;
  opacity: 0.4;
  background: var(--color-grey-500);
  display: flex;
  justify-content: center;
  align-items: center;
}

i[class*="icon"].box.rounded:hover {
  border-radius: 2px;
  padding: 5px;
  gap: 10px;
  background: var(--color-grey-500);
}

i[class*="icon"].linkedin-colorful {
  border-radius: 4px;
}

i[class*="icon"].linkedin-colorful:hover {
  border-radius: 4px;
  opacity: 0.5;
}

i[class*="icon"].linkedin-white {
  border-radius: 4px;
}

i[class*="icon"].linkedin-white:hover {
  border-radius: 4px;
  opacity: 0.5;
}

i[class*="icon"].download {
  background-image: url("/design/download.svg");
}

i[class*="icon"].arrow {
  background-image: url("/design/arrow.svg");
}

i[class*="icon"].dropdown {
  background-image: url("/design/arrow-down-more.svg");
}

i[class*="icon"].arrow-right {
  background-image: url("/design/arrow-right.svg");
}

i[class*="icon"].arrow-right-orange {
  background-image: url("/design/arrow-right-orange.svg");
}

i[class*="icon"].arrow-right-dark {
  background-image: url("/design/arrow-right.svg");
  filter: invert(1);
}

i[class*="icon"].arrow-left {
  background-image: url("/design/arrow-left.svg");
}

i[class*="icon"].arrow-down {
  background-image: url("/design/arrow-down.svg");
}

i[class*="icon"].blog {
  background-image: url("/design/blog.svg");
}

i[class*="icon"].blog-arrow {
  background-image: url("/design/blog-arrow.svg");
}

i[class*="icon"].tudastar-arrow {
  background-image: url("/design/tudastar-arrow.svg");
}

i[class*="icon"].tudastar-arrow {
  background-image: url("/design/tudastar-arrow.svg");
}

i[class*="icon"].check {
  background-image: url("/design/check.svg");
}

i[class*="icon"].globe {
  background-image: url("/design/globe.svg");
}

i[class*="icon"].facebook {
  background-image: url("/design/facebook.svg");
}

i[class*="icon"].linkedin {
  background-image: url("/design/linkedin.svg");
}

i[class*="icon"].linkedin-white {
  background-image: url("/design/linkedin-white.svg");
}

i[class*="icon"].hamburger {
  background-image: url("/design/hamburger.svg");
}

i[class*="icon"].faq-open {
  background-image: url("/design/faq-open.svg");
}

i[class*="icon"].faq-close {
  background-image: url("/design/faq-close.svg");
}

i[class*="icon"].rate-down-2 {
  background-image: url("/design/rate-down-2.svg");
}

i[class*="icon"].rate-down-1 {
  background-image: url("/design/rate-down-1.svg");
}

i[class*="icon"].rate-down {
  background-image: url("/design/rate-down.svg");
}

i[class*="icon"].rate-up-2 {
  background-image: url("/design/rate-up-2.svg");
}

i[class*="icon"].rate-up-1 {
  background-image: url("/design/rate-up-1.svg");
}

i[class*="icon"].rate-up {
  background-image: url("/design/rate-up.svg");
}

i[class*="icon"].award {
  background-image: url("/design/award.svg");
}

i[class*="icon"].chevrons-right {
  background-image: url("/design/chevrons-right.svg");
}

i[class*="icon"].headphones {
  background-image: url("/design/headphones.svg");
}

i[class*="icon"].wrench {
  background-image: url("/design/wrench.svg");
}

i[class*="icon"].menu-arrow {
  background-image: url("/design/menu-arrow.svg");
}

i[class*="icon"].emblem {
  background-image: url("/design/emblem.svg");
}

i[class*="icon"].checkmark {
  background-image: url("/design/checkmark.svg");
}

i[class*="icon"].clock {
  background-image: url("/design/clock.svg");
}

i[class*="icon"].home {
  background-image: url("/design/home.svg");
}

i[class*="icon"].trending-up {
  background-image: url("/design/trending-up.svg");
}

i[class*="icon"].coincash-icon {
  background-image: url("/design/coincash-icon.svg");
}

i[class*="icon"].grey-500-dot {
  background-image: url("/design/grey-500-dot.svg");
}

i[class*="icon"].orange-300-dot {
  background-image: url("/design/orange-300-dot.svg");
}

i[class*="icon"].orange-500-dot {
  background-image: url("/design/orange-500-dot.svg");
}

i[class*="icon"].orange-600-dot {
  background-image: url("/design/orange-600-dot.svg");
}

i[class*="icon"].more {
  background-image: url("/design/more.svg");
}

i[class*="icon"].change {
  background-image: url("/design/change.svg");
}

i[class*="icon"].place {
  background-image: url("/design/place.svg");
}

i[class*="icon"].star {
  background-image: url("/design/star.svg");
}

i[class*="icon"].search {
  background-image: url("/design/search.svg");
}

i[class*="icon"].shield-orange {
  background-image: url("/design/shield-orange.svg");
}

i[class*="icon"].dollar {
  background-image: url("/design/dollar.svg");
}

i[class*="icon"].cluster {
  background-image: url("/design/cluster.svg");
}


@media (width >=768px) {

  .lg\:i[class*="icon"].icon-xxs {
	width: 12px;
	height: 12px;
  }

  .lg\:i[class*="icon"].icon-xs {
	width: 16px;
	height: 16px;
  }

  .lg\:i[class*="icon"].icon-s {
	width: 24px;
	height: 24px;
  }

  .lg\:i[class*="icon"].icon-m {
	min-width: 28px;
	height: 28px;
  }

  .lg\:i[class*="icon"].icon-xl {
	min-width: 44px;
	height: 44px;
  }
}